
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>无标题文档</title>
<style type="text/css">
*{margin:0;padding:0;}
.layer1{width:100%;height:auto;}
.layer1-1{width:40%;height:100px;background-color:white;float:left}
.layer1-2{width:60%;height:100px;background-color:#FFF;float:right;}
.layer1-3{clear:both;}
.layer2{width:100%;height:auto;}
.layer2-1{width:100%;height:auto;background-color: #0F0;}
.layer2-2{width:100%;height:auto;background-color:white; padding:2%;}


.layer2-2-1{width:30%;height:auto;background-color: #36F;float:left;margin:10px;border:3px solid blue;border-radius:15px;}
.layer2-2-1-1{width:100%;height:40px;background-color:blue;float:left;margin:0;}
.layer2-2-1-2{width:100%;height:230px;background-color:white;float:left;margin:0;}


.layer2-2-2{width:30%;height:auto;background-color: #36F;float:left;margin:10px;border:3px solid blue;border-radius:15px;}
.layer2-2-2-1{width:100%;height:40px;background-color:blue;float:left;margin:0;}
.layer2-2-2-2{width:100%;height:230px;background-color:white;float:left;margin:0;}


.layer2-2-3{width:30%;height:auto;background-color: #36F;float:left;margin:10px;border:3px solid blue;border-radius:15px;}
.layer2-2-3-1{width:100%;height:40px;background-color:blue;float:left;margin:0;}
.layer2-2-3-2{width:100%;height:230px;background-color:white;float:left;margin:0;}

.layer2-2-4{clear:both}

.layer3{width:100%;height:70px;background-color: blue;}
.img1{width:100%;height:100px;}
.img2{width:100%;}
h1{font-size:120%;line-height:40px;padding-left:15px;}
.layer2-2-1-2 ul{margin:0;padding:0;list-style-position:outside;}
.layer2-2-1-2 ul li{padding-left：0;margin-left:20px;}
.layer2-2-1-2 ul li a{text-decoration:none;color:black;line-height:250%;}

.layer2-2-2-2 ul{margin:0;padding:0;list-style-position:outside;}
.layer2-2-2-2 ul li{padding-left：0;margin-left:20px;}
.layer2-2-2-2 ul li a{text-decoration:none;color:black;line-height:250%;}

.layer2-2-3-2 ul{margin:0;padding:0;list-style-position:outside;}
.layer2-2-3-2 ul li{padding-left：0;margin-left:20px;}
.layer2-2-3-2 ul li a{text-decoration:none;color:black;line-height:250%;}

.layer3 p{text-align:center;line-height:150%;font-size:80%}

.layer1-2 a{margin-left:10px;float:left;padding:5px 16px;line-height:100px;text-align:center;color:#333;font-size:110%;text-decoration:none;}
.layer1-2 a:hover{background:#0000CD;color:#333;}

</style>
</head>
<body>
<div class="layer1">
<div class="layer1-1"><img class="img1" src="http://www.sict.edu.cn/Templets/mode3/images/logo.png"></div>
<div class="layer1-2">
	            <a href="#">学校概况</a>
	            <a href="#">机构设置</a>
	            <a href="#">教育教学</a>
	            <a href="#">创新创业</a>
	            <a href="#"> 科技服务</a>





</div>
<div class="layer1-3"></div>
</div>
<div class="layer2">
<div class="layer2-1"><img class="img2" src="http://www.sict.edu.cn/Templets/mode3/ad//02.jpg"></div>
<div class="layer2-2">
<div class="layer2-2-1">
<div class="layer2-2-1-1"><h1>学校要闻</h1></div>
<div class="layer2-2-1-2">

				 <ul>
				 
				  <li><a href="#">马克思主义学院召开陶行知教育...</a></li>
				  <li><a href="#">我校承办2017年山东省“农产品质量...</a></li>
				  <li><a href="#">2017山东养老服务业高峰论坛在我...</a></li>
				  <li><a href="#">校报荣获全国高校校报协会2016年...</a></li>
				  <li><a href="#">浙江纺织服装职业技术学院、河北...</a></li>
				 </ul>
</div>
</div>
<div class="layer2-2-2">
<div class="layer2-2-2-1"><h1>通知公告</h1></div>
<div class="layer2-2-2-2">
                                 <ul>
				 <li><a href="#">关于组织开展国家职业指导师、心理...</a></li>
				 <li><a href="#">关于公布2017年公开招聘工作人员进...</a></li>
				 <li><a href="#">关于公布2017年公开招聘工作人员笔...</a></li>
				 <li><a href="#">2017年公开招聘工作人员笔试公告...</a></li>
				 <li><a href="#">关于2017年公开招聘工作人员现场...</a></li>
                                 </ul>
</div>
</div>
<div class="layer2-2-3">
<div class="layer2-2-3-1"><h1>媒体要闻</h1></div>
<div class="layer2-2-3-2">
                                <ul>
                                 <li><a href="#">新浪山东：山东商职院承办2017年...</a></li>
				 <li><a href="#">大众网：山东商职院承办山东省职...</a></li>
				 <li><a href="#">新浪山东：2017山东养老服务业高...</a></li>
				 <li><a href="#">新浪山东：全国高校“形势与政策”...</a></li>
				 <li><a href="#">大众网：全国高校“形势与政策”课...</a></li>
                                 </ul>
</div>
</div>
<div class="layer2-2-4"></div>


</div>
</div>
<div class="layer3">
<p>学校地址：济南市旅游路4516号    &nbsp;邮编：250103</p>
           <p>电话：0531-86335888    &nbsp; 招生电话：0531-86335555</p>
           <p>鲁ICP备05002370 </p>	



</div>
</body>
</html>